@charset "UTF-8";

/*边距*/

.pd2{padding: 2.5%;}

.pdlr2{padding-left: 2.5%;padding-right: 2.5%;}

.pdtb2{padding-top: 2.5%;padding-bottom: 2.5%;}

.pdtb4{padding-top: 4%;padding-bottom: 4%;}

.pd0{padding:0;}



.main{width:100%;margin:0 auto;max-width:1720px;padding:0 20px;transition: all 1s; -webkit-transition: all 1s;position:relative;}

.columnbt{font-size: 14px;color: #333;line-height: 18px;height: 36px;overflow: hidden;}/*产品列表标题*/

.columnjq{font-size: 18px;color: #f19e00;line-height: 25px;}/*产品列表价钱*/

.columnjq i{font-size: 14px;}



.hx{width: 100%;height: 1px;background: #eaeaea;}



@media (max-width:991px){

    .main{padding:0 4%;}

}



a.anchor{position: relative;top: -80px;display: block;}

/* 头部 */



/*top*/

.header100{width:100%;height:112px;margin:0 auto;background:#fff;display:none;}

.headerMenu-bg{position: fixed;top: 0;left: 0;right: 0;width:100%;height:84px;z-index:98;display:none;}

.headerMenu{position:fixed;width:100%;height:112px;z-index:99;background-color:rgba(0,0,0,0);transition: all 1s;-webkit-transition: all 1s;}

.header_logo{float:left;width:auto;height:58px;margin-top:27px;}

.header_logo a{float:left;height:100%;}

.header_logo a img{float:left;max-height:100%;transition:all 1s;-webkit-transition:all 1s;}

.headerMenu.scroll{background-color:rgba(0,0,0,0.8);}



/* 首页滚动 */

/*.headerMenu.scroll{-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.1);transition: all 1s;-webkit-transition: all 1s;}*/

/*.header-right{float:right;width:400px;transition: all 0.2s;-webkit-transition: all 0.2s;}*/



.search-icon{float:right;margin-top:40px;position:relative;}

.search-icon a.icon2{display:none;}

.search-icon a.icon{float:left;padding:4px 10px;width:40px;transition: all 0.2s;-webkit-transition: all 0.2s;}

.search-icon a.icon img{display:block;width:100%;transition: all 0.2s;-webkit-transition: all 0.2s;}

.search-icon a.icon:hover img{transform:scale(1.15);}

.search-icon a.icon img.img2{display:none;}

.search-icon a.icon.open img.img1{display:none;}

.search-icon a.icon.open img.img2{display:block;}



.top-search-box{position:absolute;right:-16px;top:44px;width:260px;background:#fff;border-radius:30px;z-index:99;display:none;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.1);}

.top-search-box .arrow{position:absolute;top:-6px;right:26px;width:12px;height:12px;background:#fff;transform:rotate(45deg);}

.top-search-box input.search-input{float:left;width:200px;background:none;outline:none;border:none;height:36px;font-size:14px;color:#666;line-height:36px;cursor:pointer;padding-left:20px;}

.top-search-box input.search-btn{float:right;width:60px;outline:none;border:none;height:36px;line-height:36px;cursor:pointer;background:url(../images/icon-search02.png) no-repeat center;background-size:24px;}



.pc-search{display:block;}

.wap-search{display:none;}





.language{float:right;margin-top:40px;margin-left:12px;}

.language a{float:left;font-size:18px;color:#fff;line-height:32px;transition:all 0.2s;-webkit-transition:all 0.2s;}

.language span{float:left;font-size:18px;color:#fff;line-height:32px;margin-left:4px;margin-right:4px;}

.language a:hover{opacity:0.6;transform:scale(0.98);}

.wap-language{display:none;}



/* 主导航 */

.header-nav{float:right;margin-top:36px;margin-right:4%;transition:all 0.2s;-webkit-transition:all 0.2s;}

/*.header-nav ul{width:100%;}*/

.header-nav li{float:left;margin-right:64px;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;}

.header-nav li h3{float:left;}

.header-nav li h3 a{float:left;font-size:18px;color:#fff;padding:0 12px;line-height:40px;font-family:"微软雅黑";transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;}

.header-nav li h3 a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#fff;transition:all 0.2s;-webkit-transition:all 0.2s;}

.header-nav li.cur h3 a:after{left:0;width:100%;}

.header-nav li:hover h3 a{opacity:0.6;transform:scale(0.98);}



.header-nav li h3 .icon-more{position:absolute;right:0;top:0;height:100%;width:60%;display:none;}

.header-nav li h3 .icon-more i{float:right;width:50px;height:50px;font-size:20px;color:#666;line-height:50px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;}



.header-nav .nav-close{width:100%;height:50px;border-bottom:#eee solid 1px;padding:0 4%;}

.header-nav .nav-close h6{float:left;font-size:18px;color:#333;font-family:"微软雅黑";line-height:48px;font-weight:400;}

.header-nav .nav-close span{float:right;width:32px;height:48px;font-size:20px;color:#333;line-height:48px;text-align:center;}

.header-nav .nav-close{display:none;}



.sec-nav{position:absolute;top:84px;left:50%;width:120px;margin-left:-60px;background:rgba(255,255,255,0.8);box-shadow:0 4px 12px rgba(0,0,0,0.1);display:none;z-index:9;}

.sec-nav dl{width:100%;}

.sec-nav dl dd{width:100%;border-bottom:#ddd solid 1px;}

.sec-nav dl dd:last-child{border-bottom:none;}

.sec-nav dl dd a{display:block;width:100%;}

.sec-nav dl dd a h5{width:100%;font-size:14px;color:#333;font-family:"微软雅黑";text-align:center;line-height:48px;height:48px;overflow:hidden; text-overflow:ellipsis; display:block; white-space:nowrap;}

.sec-nav dl dd a:hover h5{color:#00a8ec;}





@media (max-width: 1440px){

    .header-nav li{margin-right:40px;}

    .header-nav li h3 a:after{height:2px;}

}



@media (max-width: 1360px){

    .language a{font-size:16px;}

    .language span{font-size:16px;}



    .header-nav li h3 a{font-size:16px;padding:0 8px;}

    .sec-nav{width:100px;margin-left:-50px;}

    .sec-nav dl dd a h5{font-size:12px;line-height:40px;height:40px;}



}





/*移动端导航*/

.icon-nav-btn{float:right;margin-top:14px;width:32px;height:20px;display:none;}

.icon-nav-btn a{display:block;width:100%;position:relative;height:100%;}

.icon-nav-btn a i{width:24px;height:2px;position:absolute;left:4px;top:0;background:#fff;border-radius:2px;}

.icon-nav-btn a i.line02{top:9px;}

.icon-nav-btn a i.line03{top:18px;}



/*导航背景*/

.trans-bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);  *zoom:1;z-index:1000;display:none;}



 @media (max-width: 1080px){

    .headerMenu{height:48px;padding:0;}

    .headerMenu.open{background:rgba(0,0,0,0.9);}

    .header100{height:48px;}



    .header_logo{height:36px;margin-top:6px;}



    .wap-language{display:block;}

    .pc-language{display:none;}

    .language{width:100%;text-align:center;margin-left:0;}

    .language a{display:inline-block;float:none;}

    .language span{display:inline-block;float:none;}



    .search-icon{display:none;}



    .top-search-box{position:relative;right:0;top:0;width:80%;display:block;margin:0 auto 20px;}

    .top-search-box input.search-input{width:calc(100% - 60px);}



    .pc-search{display:none;}

    .wap-search{display:block;}



    .icon-nav-btn{display:block;}

    .header-nav .nav-close{display:block;}



    .header-nav{width:100%;padding:0;height:calc(100vh - 48px);background:rgba(0,0,0,0.9);position:fixed;left:0;top:-120%;z-index:1002;margin:0;padding:20px 4%;}

    .header-nav.open{top:48px;}

    .header-nav ul{width:100%;padding:0 4%;}

    .header-nav li{width:100%;margin:0;padding:4px 0;}

    .header-nav li h3{position:relative;width:100%;position:relative;}

    .header-nav li h3 a{width:100%;color:#fff;font-size:16px;line-height:48px;border:none;text-align:center;}

    .header-nav li h3 .icon-more{display:block;}

    .header-nav li h3 a:after{height:1px;background:#fff;opacity:0.8;}

    .header-nav li.cur h3 a:after{width:16%;left:42%;}



    .sec-nav{position:relative;top:0px;left:0;margin-left:0;background:none;box-shadow:none;float:left;width:100%;}

    .sec-nav dl{width:100%;text-align:left;padding-top:0;padding:0 3%;}

    .sec-nav dl dd{border:none;}

    .sec-nav dl dd a h5{position:relative; width:100%;background:none;font-size:12px;color:#666;line-height:40px;height:40px;text-align:left;}



}





 @media (max-width:370px){

    .header-right{margin-right:10px;}

 }





/*底部*/

.footer{width:100%;margin:0 auto;padding:70px 0;background:#f7f7f7;position:relative;}

.footer-contact{float:left;}

.footer-logo{height:44px;}

.footer-logo a{display:block;height:100%;}

.footer-logo a img{display:block;height:100%;}



.footer-contact-txt{width:100%;}

.footer-contact-txt h3{font-size:18px;color:#333;line-height:32px;margin-top:24px;margin-bottom:24px;}

.footer-contact-txt h6{font-size:16px;color:#888;line-height:32px;}



.footer-nav{float:right;}

.footer-nav dl{float:left;width:140px;}

.footer-nav dl:last-child{width:64px;}

.footer-nav dl:nth-child(2){width:260px;}

.footer-nav dl dt{font-size:18px;color:#333;line-height:28px;margin-bottom:16px;}

.footer-nav dl dt i{display:none;transition:all 0.2s;-webkit-transition:all 0.2s;}

.footer-nav dl dd{}

.footer-nav dl dd a{font-size:16px;color:#888;line-height:32px;transition:all 0.2s;-webkit-transition:all 0.2s;}

.footer-nav dl dd a:hover{color:#333;}



/* 版权信息 */

.copyright{width:100%;padding:25px 0;font-size:14px;color:#fff;line-height:20px;background:#000;text-align:center;}

.copyright p{line-height:20px;}

.copyright span{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed",Helvetica,Arial,"sans-serif";}

.copyright a{font-size:14px;color:#fff;line-height:20px;font-family:"微软雅黑";display:inline;}

.copyright a:hover{opacity:0.6;}



@media (max-width:1280px){

    .footer-nav dl{width:100px;}

    .footer-nav dl:nth-child(2){width:220px;}

}





@media (max-width:1080px){

    .footer{padding-top:12px;}



    .footer-contact{width:100%;}



    .footer-contact-txt h3{font-size:16px;line-height:32px;margin-top:20px;margin-bottom:12px;}

    .footer-contact-txt h6{font-size:14px;line-height:28px;}





    .footer-nav{width:100%;margin-top:40px;}

    .footer-nav dl{width:100%;margin:0;}

    .footer-nav dl:last-child{width:100%;}

    .footer-nav dl:nth-child(2){width:100%;}

    .footer-nav dl dt{margin-bottom:0px;border-bottom:#e0e0e0 solid 1px;line-height:48px;cursor:pointer;font-size:16px;}

    .footer-nav dl:last-child dt{border-bottom:none;}

    .footer-nav dl dt i{display:block;float:right;}



    .footer-nav dl dd{display:none;padding:0 2.5% 0 28px;}

    .footer-nav dl dd a{font-size:14px;line-height:36px;height:36px;margin-top:8px;text-align:left;}



    .copyright{padding:16px 0;}

}



@media (max-width:769px){

    .footer{padding:40px 0;}



    .copyright{font-size:12px;}

    .copyright a{font-size:12px;}

}





/*内页*/

.inside-banner{width:100%;height:856px;background-repeat:no-repeat;background-position:center;background-size:cover;transition: all 1s;-webkit-transition: all 1s;overflow:hidden;}

.inside-banner-cont{display:flex;align-items:center;height:40%;margin-top:9%;}

.inside-banner-txt{width:100%;}

.inside-banner-txt h5{width:100%;font-size:72px;color:#fff;line-height:80px;font-family:'albbPHH';font-style:italic;text-transform:uppercase;}

.inside-banner-txt h6{width:100%;font-size:42px;color:#fff;line-height:64px;font-family:"微软雅黑",Arial, Helvetica;}



.tech-banner{height:629px;}



@media(max-width:1440px){

    .inside-banner-txt h5{font-size:60px;line-height:72px;}

    .inside-banner-txt h6{font-size:36px;line-height:56px;}

}





@media(max-width:1280px){

    .inside-banner{height:600px;}

    .inside-banner-txt h5{font-size:48px;line-height:64px;}

    .inside-banner-txt h6{font-size:28px;line-height:48px;}

}



@media(max-width:1080px){

    .inside-banner{height:480px;}

    .inside-banner-txt h5{font-size:36px;line-height:48px;}

    .inside-banner-txt h6{font-size:20px;line-height:32px;}



    .tech-banner{height:320px;}

}



@media(max-width:769px){

    .inside-banner{height:400px;}

    .inside-banner-cont{margin-top:16%;}

    .inside-banner-txt h5{font-size:24px;line-height:32px;}

    .inside-banner-txt h6{font-size:16px;line-height:24px;}



    .tech-banner{height:280px;}

}



@media(max-width:480px){

    .inside-banner{height:300px;}

    .inside-banner-txt h5{font-size:18px;line-height:24px;}

    .inside-banner-txt h6{font-size:14px;line-height:20px;}



    .tech-banner{height:240px;}

}



@media(max-width:420px){

    .inside-banner{height:260px;}



    .tech-banner{height:200px;}

}



@media(max-width:340px){

    .inside-banner{height:200px;}

    .tech-banner{height:160px;}

}



/*面包屑导航*/

.location{position:absolute;right:20px;bottom:0;}

.location .home{float:left;font-family: "微软雅黑",Arial, Helvetica;line-height:60px;font-size:14px; color:#fff;}

.location .home span{float:left;}

.location .home a{float:left;line-height:60px;color:#fff;font-family: "微软雅黑",Arial, Helvetica;}

.location .home i{float:left;font-size:16px;margin-left:8px;margin-right:8px;}



@media (max-width:1080px){

    .location{display:none;}

}





 /*页码*/

.list-more{width:100%;margin-top:20px;margin-bottom:40px;display:none;}

.list-more a{display:block;width:120px;height:36px;margin:0 auto;border:#dedede solid 2px;border-radius:4px;font-size:12px;color:#888;text-align:center;line-height:32px;transition: all 0.6s;-webkit-transition: all 0.6s;}

.list-more a:hover{background:#0856a0;border:#0856a0 solid 2px;color:#fff;transition: all 0.6s;-webkit-transition: all 0.6s;}



.page01 { text-align:center; width:100%;margin-top:40px;margin-bottom:120px;}

.page01 a{display:inline-block;zoom:1;*display:inline;padding:0 3px;height:20px;line-height:20px;margin-left:4px; margin-right:4px;color:#666;font-size: 16px;cursor: pointer; text-align:center;}

.page01 .current{ color:#0856a0;border-bottom:#0856a0 solid 1px;}

.page01 a:hover{color:#0856a0; }

.page01 input{display:inline-block;zoom:1;*display:inline;width:20px;line-height:18px;border:none;border:#666 solid 1px;color:#666;font-size: 16px; text-align:center;}

.page01 input span{display:inline-block;zoom:1;*display:inline;padding:0 3px;line-height:20px;margin-left:4px; margin-right:4px;color:#666;font-size: 18px;cursor: pointer; }

.page01 input.turn{margin-left:20px;}

.page01 input.go{border:none;color:#666;background:none;}

.page02 { float:left;width:100%; height:45px; line-height:45px; text-align:center;color:#333; font-size:16px; background:#f8f8f8; margin-top:20px; display:none;}



@media (max-width:991px){

    .list-more{display:block;}

    .page01{display:none;}

}



.editor{width:100%;font-size:18px;color:#666;line-height:36px;font-family:"微软雅黑";}

.editor p{line-height:36px;}

.editor img{max-width:100%;}



@media (max-width:1080px){

    .editor{font-size:16px;line-height:32px;}

    .editor p{line-height:32px;}

}



@media (max-width:769px){

    .editor{font-size:14px;line-height:28px;}

    .editor p{line-height:28px;}

}



/*内页主标题*/

/*产品*/

.inside-title{width:100%;overflow:hidden;}

.inside-title h1{font-size:40px;color:#0856a0;font-weight:bold;line-height:48px;margin-top:160px;margin-bottom:40px;position:relative;}

.inside-title h2{font-size:40px;color:#0856a0;font-weight:bold;line-height:48px;margin-top:60px;margin-bottom:60px;position:relative;text-align:center;padding-top:20px;}

.inside-title h2:before{content:"";position:absolute;left:50%;top:0;width:60px;height:4px;background:#0856a0;margin-left:-30px;}



@media(max-width:1440px){

    .inside-title h1{font-size:36px;line-height:40px;margin-top:140px;}

    .inside-title h2{font-size:36px;line-height:40px;}

}



@media(max-width:1080px){

    .inside-title h1{font-size:24px;line-height:28px;margin-top:80px;margin-bottom:20px;}

    .inside-title h2{font-size:24px;line-height:28px;margin-top:40px;margin-bottom:40px;padding-top:12px;}

    .inside-title h2:before{width:40px;height:3px;margin-left:-20px;}

}



@media(max-width:769px){

    .inside-title h1{font-size:20px;line-height:24px;margin-top:40px;margin-bottom:12px;}

    .inside-title h2{font-size:20px;line-height:24px;margin-top:20px;margin-bottom:20px;}

    .inside-title h2:before{width:36px;height:2px;margin-left:-18px;}

}



/*了解更多*/

.learn-more{width:180px;height:54px;background:#00a8ec;text-align:center;font-size:16px;line-height:54px;color:#fff;}

.learn-more a{display:block;text-align:center;width:100%;font-size:16px;line-height:54px;color:#fff;}

.learn-more span{display:inline-block;vertical-align:top;}

.learn-more i{display:inline-block;vertical-align:top;font-size:20px;margin-left:40px;}



@media(max-width:1200px){

    .learn-more{width:120px;height:40px;margin-top:72px;}

    .learn-more a{font-size:14px;line-height:40px;}

    .learn-more i{font-size:16px;margin-left:20px;}

}



@media(max-width:769px){

    .learn-more{width:88px;height:36px;margin-top:14px;}

    .learn-more a{font-size:12px;line-height:36px;}

    .learn-more i{font-size:14px;margin-left:8px;}

}



/*内页导航*/

.inside-nav{width:100%;border-bottom:#d0d0d0 solid 1px;padding:80px 0 40px;}

.inside-nav ul{text-align:center;}

.inside-nav li{display:inline-block;width:auto;}

.inside-nav a{display:block;width:100%;}

.inside-nav a h6{font-size:24px;color:#666;line-height:40px;text-align:center;font-family:"微软雅黑";transition: all 0.2s;-webkit-transition: all 0.2s;}

.inside-nav li.active a h6{color:#5a8ec0;}

.inside-nav li:hover a h6{color:#5a8ec0;}



@media(max-width:1440px){

    .inside-nav{padding:60px 0 30px;}

    .inside-nav a h6{font-size:18px;}

}



@media(max-width:1080px){

    .inside-nav{padding:40px 0 20px;}

}



@media(max-width:769px){

    .inside-nav{padding:20px 0 16px;}

    .inside-nav a h6{font-size:14px;line-height:24px;}

}





.list-return{width:100%;display:flex;justify-content:space-between;padding:25px 0;margin-top:80px;background:#fff;}



.list-return h5 a{display:block;font-size:16px;color:#999;line-height:40px;}

.list-return h5 a:hover{color:#00a8ec;}

.list-return h6 a{display:flex;justify-content:space-between;}

.list-return h6 a span{display:block;width:90px;border-right:#eee solid 1px;height:40px;font-size:20px;color:#999;text-align:center;}

.list-return h6 a span i{font-size:20px;color:#999;line-height:40px;text-align:center;}

.list-return h6 a p{display:block;margin-left:40px;font-size:16px;color:#999;line-height:40px;}



.list-return h6.next a span{border-right:none;border-left:#eee solid 1px;}

.list-return h6.next a p{margin-left:0;margin-right:40px;}





.list-return h6 a:hover span{color:#00a8ec;}

.list-return h6 a:hover span i{color:#00a8ec;}

.list-return h6 a:hover p{color:#00a8ec;}



@media(max-width:769px){

    .list-return{padding:20px 0;margin-top:40px;}



    .list-return h5 a{font-size:14px;line-height:28px;}

    .list-return h6 a span{width:32px;height:28px;font-size:16px;}

    .list-return h6 a span i{font-size:16px;line-height:28px;}

    .list-return h6 a p{margin-left:12px;font-size:14px;line-height:28px;}



    .list-return h6.next a p{margin-right:12px;}

}



.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 0.3s;-webkit-transition: all 0.3s;}

.gray:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;}